@import "../../../_common/style/animations/zoomIn";
@import "../../../_common/style/mixins/var";
@mixin vmui-toast {
  .vmui-toast {
    min-width: pxRem(130);
    max-width: 80%;
    padding-top: pxRem(15);
    background: rgba(40,40,40,.8);
    text-align: center;
    border-radius: pxRem(3);
    color: #fff;
    animation: zoomIn .06s ease forwards;

    &.exist-icon {
      font-size: 16px;
      .vmui-toast-content {
        padding-top: pxRem(5);
      }
    }

    .vmui-icon {
      font-size: pxRem(28);
    }

    .vmui-toast-content {
      font-size: pxRem(15);
      padding: 0 pxRem(15) pxRem(15);
      line-height: pxRem(22);
      word-break: break-all;
    }
  }
}
